<template>
  <div class="weather">
    <div style="float:left;margin-top:-3px;">
      <img class="cloudy" src="../../../../assets/images/menu/topIcon_03.png">
    </div>
    <p style="float:left;">
    <span style="font-size:14px;padding-right:10px;">晴转多云</span><span style="color:#fff;font-size:14px;margin-right:20px;">16°C~2°C</span>
    </p>
    <Badge dot="!message" style="margin-right:20px;">
      <img class="notice" src="../../../../assets/images/menu/topIcon_06.png">
    </Badge>
  </div>

</template>

<script>
export default {
  name: 'Fullscreen',
  data(){
    return {
      message:false
    }
  },
  computed: {
  },
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  methods: {
  },
}
</script>

<style lang="less">
.weather .ivu-badge-dot {
    top: 16px;
}
.notice {
  width:22px;
  vertical-align:middle;

}
.weather .cloudy{
  width:34px;
  vertical-align:middle;
  padding-right:5px;
}
</style>
